<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>喧哗</title>
    <link rel="stylesheet" href="test.css" type="text/css"/>
<!--    <style>-->
<!--        div{-->
<!--           background-color: green;-->
<!--           height: 100px;-->
<!--           width: 100px-->
<!--        }-->
<!--        #p1{-->
<!--            color: red;-->
<!--        }-->
<!--        #p2{-->
<!--            color: blue;-->
<!--        }-->
<!--    </style>-->
</head>
<h1>欢迎来到前端的世界！</h1>
<a href="#p1">点我</a>
<p id="#p1">大海</p>

<form action="http://127.0.0.1:9000" method="post" enctype="multipart/form-data">
    <label for="username">
        用户名:<input type="text" id="username" name="username">
    </label>
    <label for="password">
        密码:<input type="password" id="password" name="password">
    </label>

    <input type="radio" name="sex" value="1" checked>男
    <input type="radio" name="sex" value="0">女
    <input type="checkbox" name="hobby" value="a">烫头
    <input type="checkbox" name="hobby" value="b">抽烟
    <input type="checkbox" name="hobby" value="c">打麻将
    <select name="city">
        <option value="1">北京</option>
        <option value="2">上海</option>
        <option value="3">广州</option>
        <option value="4">深圳</option>
    </select>
    <input type="submit">
    <hr>
    <input type="date">
    <input type="button" value="普通按钮">
    <input type="reset">
    头像:<input type="file">
    <input type="hidden">
    <p>
    评论：
    </p>
    <textarea name="text" id="text" cols="35" rows="5">
        默认内容
    </textarea>


</form>

<!--cellpadding:文字与内边框的距离-->
<!--cellspacing：内边框与外边框的距离-->
<!--border：边框粗细-->
<table border="1" cellpadding="10" cellspacing="5">
    <thead>
    <tr>
        <td>姓名</td>
        <td>年龄</td>
        <td>爱好</td>
    </tr>
    </thead>
    <tbody>
    <tr>
        <td>张三</td>
        <td>25</td>
        <td>打游戏</td>
    </tr>
    <tr>
        <td>李四</td>
        <td>20</td>
        <td>下棋</td>
    </tr>
    </tbody>
</table>

<a href="https://baike.baidu.com/item/%E5%90%B4%E5%AE%A3%E4%BB%AA/19876998?fr=aladdin" target="_blank">
    <img src="222.jpg" name="wxy" width="150px" height="200px">
</a>
<a href="https://baike.baidu.com/item/%E6%9D%A8%E8%B6%85%E8%B6%8A/9686500?fr=aladdin" target="_blank">
    <img src="333.jpg" name="ycy" width="150px" height="200px">
</a>
<div>

</div>
<p id="p1">p标签1</p>
<p id="p2">p标签2</p>
<p class="xx">p标签xx</p>
</body>
</html>
